.index-header{
  box-sizing: border-box;
  height:8vh;
  padding:2vh 2%;
  position: relative;
}
.index-header-left{
  color:#fff;
  font-size: 0.75rem;
}
.index-header-left h6{
  margin-left:10px;
  font-size: 1rem;
}
.index-header-right{
  color:#fff;
}
.index-header-right span{
  font-size: 0.6rem;
}
.index-header-right h6{
  font-size: 1rem;
}
.index-header-right img{
  width: 2vw;
  margin:0 10px;
}
.index-header-select .ui-select-button{
  padding:4px 27px 4px 12px;
  border:none;
  background-color: rgba(255,255,255,0.1);
  color:#fff;
}
.index-header-select .ui-select-icon{
top:4px;
}
.index-header-select :not(:disabled) + .ui-select > .ui-select-button:active{
  background-color:rgba(255,255,255,0.4);
}
.index-header-select .ui-select{
  height: auto;
}
.index-header-title{
  position:absolute;
  left: 16%;
  right:16%;
  z-index: 1;
  top:0;
  height:20vh;
}
.index-header-title img{
  width: 100%;
}
.index-body{
  box-sizing: border-box;
  align-items: stretch;
  height:92vh;
}
.index-left,.index-right{
  box-sizing: border-box;
  width:50%;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  padding:0 15px 0.5vh 15px;
  position: relative;
}

.index-right{
  position: relative;
}
.index-right::before{
  content: '';
  width:20px;
  height: 100%;
  position: absolute;
  top:0;
  left:-10px;
  z-index: 1;
  background: url('../img/right-bg.png') no-repeat top 0 left 0;
  background-size: auto 100%;

}
.index-auth-item{
  width: 33.33%;
  box-sizing: border-box;
  text-align: center;
}
.index-auth-item:nth-child(2){
  position: relative;
}
.index-auth-item:nth-child(2)::before{
  content: '';
  width: 1px;
  position: absolute;
  top:10%;
  left:0;
  bottom: 10%;;
  background-color: rgba(50, 241, 246, 0.5)
}
.index-auth-item:nth-child(2)::after{
  content: '';
  width: 1px;
  position: absolute;
  top:10%;
  right:0;
  bottom: 10%;;
  background-color: rgba(50, 241, 246, 0.5)
}
.index-auth-item h6{
  font-size: 12px;
  color:#fff;
}
.index-auth-item p{
  font-size: 12px;
  margin-left:5px;
  color:#fff;
}
.index-auth-num span{
  color:#19E1FF;
  font-size: 20px;
  font-weight: 400;
  background-color: #011317;
  border:1px solid #043D66;
}
.index-auth-content{
  align-items: flex-end;
  margin-top:5px;
}
.index-left-teacher{
  box-sizing: border-box;
  width:50%;
  padding-right: 10px;;
}
.index-teacher-head p{
  font-size: 10px;
  color:#D6ECFF;
  position: relative;
  padding-left:12px;
}
.index-teacher-head p:last-child{
  margin-left:15px;
}
.index-teacher-head p::before{
  content:'';
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  z-index: 1;
  width:8px;
  height:8px;
  background-color: #2BBAFC;
}
.index-teacher-head p:last-child::before{
  background-color: #86D9CA;
}
.index-left-subject{
  box-sizing: border-box;
  width:50%;
  padding-left: 10px;
  background: url('../img/line-bg.png') no-repeat top 0 left 0;
  background-size: 1px 100%;
}
.index-teacher-pro{
  margin-top:2vh;
}
.index-teacher-num{
  box-sizing: border-box;
  font-size: 9px;
  color:#fff;
  border-left:1px solid #35A1EC;
  border-right:1px solid #35A1EC;
  text-align: center;
  position: relative;
}
.index-teacher-num::before{
  content: '';
  position: absolute;
  left:0;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  width:25%;
  height:1px;
  background-color: #35A1EC;
}
.index-teacher-num::after{
  content: '';
  position: absolute;
  right:0;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  width:24%;
  height:1px;
  background-color: #35A1EC;
}
.index-teacher-zb{
  width: 50%;
}
.index-teacher-fzb{
  width:50%;
  border-left-color: #FC612B;
  border-right-color: #FC612B;
}
.index-teacher-fzb::before,.index-teacher-fzb::after{
  background-color: #FC612B;
}
.index-teacher-fzb.disabled::before,.index-teacher-fzb.disabled::after{
  display: none;
}
.index-teacher-nav{
  margin-top:5px;
  height:6px;
  overflow: hidden;
  border-radius: 3px;
}
.index-teacher-nav-zb,.index-teacher-nav-fzb{
  height: 100%;
  transition: width 1s;
}
.index-teacher-nav-zb{
  width: 50%;
  background-color: #35A1EC;
}
.index-teacher-nav-fzb{
  width: 50%;
  background-color: #86D9CA;
}
.index-teacher-total-num{
  margin-top:5px;
  box-sizing: border-box;
  font-size: 9px;
  color:#fff;
  border-left:1px solid #156297;
  border-right:1px solid #156297;
  text-align: center;
  position: relative;
}
.index-teacher-total-num >span{
  font-size: 12px;
  color:#19E1FF;
}
.index-teacher-total-num::before{
  content: '';
  position: absolute;
  left:0;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  width:35%;
  height:1px;
  background-color: #156297;
}
.index-teacher-total-num::after{
  content: '';
  position: absolute;
  right:0;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  width:35%;
  height:1px;
  background-color: #156297;
}
.index-teacher-school{
  margin-top: 1.5vh;
  align-items: flex-end;
}
.index-teacher-school >span{
  font-size: 12px;
  color: #B9D2E1;
  width: 30px;
}
.index-teacher-school >p{
  box-sizing: border-box;
  font-size: 12px;
  color: #19E1FF;
  width: 50px;
  text-align: center;
}
.index-teacher-school-nav{
  width: calc(100% - 50px - 30px);
}
.index-teacher-school-nav i{
  font-size: 10px;
  color: #fff;
  padding-left: 10px;
  position: relative;
}
.index-teacher-school-nav i::before{
  content: '';
  position: absolute;
  left:2px;
  top:50%;
  z-index: 1;
  transform:translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #FCA12B;
}
.index-teacher-school-nav i:last-child:before{
  background-color: #3A8DDB;
}
.index-teacher-school-center{
  height: 4px;
  overflow: hidden;
  margin-top:2px;
}
.index-teacher-school-center >div{
  height: 100%;
}
.index-teacher-school-center >div:first-child{
  width: 0;
  background-color: #FCA12B;
  transition: width 1s;
}
.index-teacher-school-center >div:last-child{
  width: 0;
  background-color: #41A3FF;
  transition: width 1s;
}
.index-subject-tab{
  margin-top:1vh;
  padding-bottom: 0.5vh;
}
.index-subject-tab >span{
  font-size: 10px;
  color:#EEEEEE;
  position: relative;
  padding-left:12px;
}
.index-subject-tab >span:not(:first-child){
  margin-left: 12px;;
}
.index-subject-tab >span::before{
    content:'';
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
    width:8px;
    height:8px;
    background-color: #FCA12B;
}
.index-subject-tab >span:nth-child(2):before{
  background-color: #41A3FF;
}
.index-subject-tab >span:nth-child(3):before{
  background-color: #86D9CA;
}
.index-subject-list{
  height: 14vh;
  box-sizing: border-box;
  padding-right: 10px;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.index-subject-row{
  margin-top:1.5vh;
}
.index-subject-row-title >h6,.index-subject-row-title >p{
  font-size: 12px;
  color:#B9D2E1
}
.index-subject-row-title span{
  font-size: 14px;
  color:#19E1FF;
}
.index-subject-row-nav{
  margin-top:4px;
  height: 6px;
  background-color: rgba(18, 73, 115, 0.8);
  border-radius: 3px;
  position: relative;
}
.index-subject-row-ratio{
  height: 100%;
  width: 0;
  position: relative;
  border-radius: 3px;
}
.index-subject-row-zb{
  width:0;
  height: 100%;
  background-color: #2BBAFC;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: width 1s;
  position: relative;
}
.index-subject-row-fzb{
  width:0;
  height: 100%;
  background-color: #86D9CA; 
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: width 1s;
}
.index-subject-row-gg{
  position: absolute;
  top:0;
  left:0;
  width: 20%;
  height: 100%;
  z-index: 1;
  background:linear-gradient(90deg,rgba(252, 161, 43, 0.6),#FCA12B);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: width 1s;
}
.index-subject-row-gg::before{
  content: '';
  position: absolute;
  top:-1px;
  right:-4px;
  z-index: 1;
  width:8px;
  height:8px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.5);
}
.index-subject-row-gg::after{
  content: '';
  position: absolute;
  top:1px;
  right:-2px;
  z-index: 2;
  width:4px;
  height:4px;
  border-radius: 50%;
  background-color: #fff
}
.index-duration-tag p{
  font-size: 12px;
  color:#D6ECFF;
  position: relative;
  padding-left:14px;
}
.index-duration-tag p:last-child{
  margin-left:20px;
}
.index-duration-tag p::before{
  content:'';
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  z-index: 1;
  width:10px;
  height:10px;
  background-color: #2BBAFC;
}
.index-duration-tag p:last-child::before{
  background-color: #FCA12B;
}
.index-duration-title{
  margin:1.5vh 0 0 12px;
  font-size: 12px;
  color:#EEEEEE;
}
.index-duration-title span{
  color:#19E1FF;
  font-size: 18px;
}
.index-teacher-year{
  margin-top:2vh;
  align-items: stretch;;
}
.index-year-left{
  box-sizing: border-box;
  width:50%;
  padding-right: 10px;;
}
.index-year-right{
  box-sizing: border-box;
  width:50%;
  padding-left: 10px;;
  background: url('../img/line-bg.png') no-repeat top 0 left 0;
  background-size: 1px 100%;
}
.index-year-tag{
  margin-top:1vh
}
.index-year-tag >p{
  font-size: 10px;
  color:#EEEEEE;
  position: relative;
  padding-left:12px;
}
.index-year-tag >p:not(:first-child){
  margin-left: 15px;;
}
.index-year-tag >p::before{
    content:'';
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
    width:8px;
    height:8px;
    background-color: #2BBAFC;
}
.index-year-tag >p:nth-child(2):before{
  background-color: #FCA12B;
}
.index-year-tag >p:nth-child(3):before{
  background-color: #FF542C;
}
.index-year-list{
  height: 200px;
  padding-right: 10px;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.index-year-row{
  margin-top:1.5vh;
}
.index-year-row h6{
  box-sizing: border-box;
  width: 60px;
  padding-right: 5px;
  font-size: 12px;
  color:#FFFFFF;
  text-align: right;
}
.index-year-pro{
  width: calc(100% - 60px - 40px);
  height: 6px;
  border-radius: 3px;
  background-color: rgba(33, 55, 78, 1);
  position: relative;
}
.index-year-row p{
  width: 40px;;
  font-size: 12px;
  color:#fff;
  text-align: center;
}
.index-year-pro >div{
  width: 0;
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: width 1s;
}
.index-year-zb{
  z-index: 1;
  background:linear-gradient(90deg,rgba(33, 55, 78, 0.6),#41A3FF);
}
.index-year-gg{
  z-index: 3;
  background:linear-gradient(90deg,rgba(33, 55, 78, 0.6),rgba(252, 161, 43, 1));
}
.index-year-fgg{
  z-index: 2;
  background:linear-gradient(90deg,rgba(33, 55, 78, 0.6),rgba(255, 84, 44, 1));
}
.index-monitor-tab >span{
  font-size: 12px;
  padding-left: 14px;
}
.index-monitor-tab >span::before{
  width: 10px;
  height:10px;
}
.index-monitor-tab >span:nth-child(1)::before{
  background-color: #188EFA;
}
.index-monitor-tab >span:nth-child(2)::before{
  background-color: #00B908;
}
.index-monitor-tab >span:nth-child(3)::before{
  background-color: #EC5621;
}
.index-monitor-tab >span:nth-child(4)::before{
  background-color: #FFAB25;
}
.index-monitor-tab >span:nth-child(5)::before{
  background-color: #C143FC;
}
.index-monitor-th{
  background-color: rgba(22, 88, 135, 0.5);
}
.index-monitor-th >div,.index-monitor-tr >div{
  padding:10px 0;
  font-size: 12px;
  color: #CAE8FF;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.index-monitor-th >div .fa{
  color:#CAE8FF;
  margin-left:2px;
}
.index-monitor-th >div:nth-child(1),.index-monitor-tr >div:nth-child(1){
  width:20%;
  padding:10px 1%;
  text-align: left;
}
.index-monitor-th >div:nth-child(2),.index-monitor-tr >div:nth-child(2){
  width:8%;
}
.index-monitor-th >div:nth-child(3),.index-monitor-tr >div:nth-child(3){
  width:10%;
}
.index-monitor-th >div:nth-child(4),.index-monitor-tr >div:nth-child(4){
  width:12%;
}
.index-monitor-th >div:nth-child(5),.index-monitor-tr >div:nth-child(5){
  width:12%;
}
.index-monitor-th >div:nth-child(6),.index-monitor-tr >div:nth-child(6){
  width:9%;
}
.index-monitor-th >div:nth-child(7),.index-monitor-tr >div:nth-child(7){
  width:24%;
}
.index-monitor-th >div:nth-child(8),.index-monitor-tr >div:nth-child(8){
  width:5%;
}
.index-monitor-th >div:nth-child(3),.index-monitor-th >div:nth-child(4),.index-monitor-th >div:nth-child(5){
  cursor: pointer;
}
.index-monitor-th >div:nth-child(3) img,.index-monitor-th >div:nth-child(4) img,.index-monitor-th >div:nth-child(5) img{
  width: 11px;
  margin-left: 2px;
}
.index-monitor-body{
  height:40vh;
  overflow-y: auto;
  scrollbar-width: thin !important;
  background-color: rgba(255,255,255,0.05);
}
.index-monitor-tr{
  cursor: pointer;
}
.index-monitor-tr:hover{
  background-color: rgba(255,255,255,.2);
}
.index-monitor-tr >div{
  padding:5px 0;
}
/* 2025-02-15 start  */
.index-monitor-tr >div:nth-child(1){
  padding:5px 1%;
  max-height: 40px;
}
/* 2025-02-15 end  */
.index-monitor-tr >div:nth-child(3) img{
  width:8px;
  margin-left: 4px;
}
.index-monitor-tr >div:nth-child(8){
  padding:0;
}
.index-monitor-tr >div:nth-child(8) img{
  height: 22px;
  height:22px;
}
.index-monitor-tr >div:nth-child(8) >span{
  position: absolute;
  top:45%;
  left:50%;
  transform: translateX(-50%);
  font-size: 10px;
  color:#fff;
}
.index-monitor-tr >div:nth-child(7){
  padding:0 1%;
}
.index-monitor-nav{
  width: 100%;
  height:6px;
  border-radius: 3px;
  overflow: hidden;
}
.index-monitor-nav >span{
  height: 100%;
}
.index-monitor-nav >span:nth-child(1){
  background-color: #188EFA;
}
.index-monitor-nav >span:nth-child(2){
  background-color: #00B908;
}
.index-monitor-nav >span:nth-child(3){
  background-color: #EC5621;
}
.index-monitor-nav >span:nth-child(4){
  background-color: #FFAB25;
}
.index-monitor-nav >span:nth-child(5){
  background-color: #C143FC;
}
.index-achievement-body{
  align-items: stretch;
  margin-top:1vh;
}
.index-achievement-left{
  width: 50%;
  box-sizing: border-box;
  padding-right: 10px;
}
.index-achievement-right{
  box-sizing: border-box;
  width: 50%;
  padding-left: 10px;
  background: url('../img/line-bg.png') no-repeat;
  background-size: 1px 100%;
}
.index-achievement-more{
  color:#CAE8FF;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 30px;
}
.index-achievement-desc{
  font-size: 12px;
  color:#fff;
  font-weight: 400;
}
.index-achievement-desc p{
  margin-top:5px;
}
.index-achievement-desc span{
  color:#19E1FF;
  font-size: 18px;
}
.index-achievement-tab >span:nth-child(1)::before{
  background-color: #2BBAFC;
}
.index-achievement-tab >span:nth-child(2)::before{
  background-color: #FCA12B;
}
.index-achievement-list{
  height:15vh;
}
.index-achievement-list .index-subject-row-nav{
  border-radius: 3px;
  overflow: hidden;
}
.index-achievement-list .index-subject-row-gg::before,.index-achievement-list .index-subject-row-gg::after{
  display: none;
}
.index-achievement-list .index-subject-row-gg{
  z-index: 2;
}
.index-achievement-list .index-subject-row-zb{
  border-radius: 3px;
}
.index-achievement-th > div,.index-achievement-tr>div{
  padding:7px 0;
  font-size: 12px;
  color: #CAE8FF;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.index-achievement-th > div:nth-child(1),.index-achievement-tr>div:nth-child(1){
  width: 40%;
  text-align: left;
}
.index-achievement-th > div:nth-child(2),.index-achievement-tr>div:nth-child(2){
  width: 25%;
}
.index-achievement-th > div:nth-child(3),.index-achievement-tr>div:nth-child(3){
  width: 20%;
}
.index-achievement-th > div:nth-child(4),.index-achievement-tr>div:nth-child(4){
  width: 15%;
}
.index-achievement-th > div:nth-child(1){
  padding:7px 1%;
}
.index-achievement-table{
  height:23vh;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.index-achievement-tr > div{
  padding:5px 0;
}
.index-achievement-tr:nth-child(even){
  background-color:rgba(255,255,255,.05) ;
}
.index-achievement-tr > div:nth-child(1){
  padding:5px 1%;
}
.index-achievement-tr >div:nth-child(4){
  padding:0;
}
.index-achievement-tr >div:nth-child(4) img{
  height:20px;
  height:20px;
}
.index-achievement-tr >div:nth-child(4) >span{
  position: absolute;
  top:45%;
  left:50%;
  transform: translateX(-50%);
  font-size: 9px;
  color:#fff;
}
.index-achievement-num{
  color:#19E1FF
}
.index-dialog-details{
  position: fixed;
  left:50%;
  top:10%;
  z-index: 1;
  width: 90%;
  transform: translateX(-50%);
  max-width: 1600px;
  min-width: 1200px;
  box-sizing: border-box;
  padding:0 20px;
  border-radius: 10px;
  border:1px solid #0E93CB;
  background: radial-gradient(#0E93CB 0,#05233A 100%);
}
.index-dialog-details .fa-close{
  position: absolute;
  top:10px;
  right:15px;
  z-index: 1;
  font-size: 18px;
  color:#fff;
  cursor: pointer;
}
.index-details-tab{
  margin-top:1vh;
}
.index-details-tab >span:nth-child(1)::before{
  background-color: #188EFA;
}
.index-details-tab >span:nth-child(2)::before{
  background-color: #00B908;
}
.index-details-tab >span:nth-child(3)::before{
  background-color: #EC5621;
}
.index-details-tab >span:nth-child(4)::before{
  background-color: #FFAB25;
}
.index-details-th{
  background-color: rgba(25, 101, 156, 0.7);
}
.index-details-th >div,.index-details-tr > div{
  box-sizing: border-box;
  padding:7px 0;
  font-size: 12px;
  color:#CAE8FF;
  text-align: center;
  position: relative;
}
.index-details-th >div:nth-child(1),.index-details-tr >div:nth-child(1){
  width: 15%;
  padding:7px 0.5%;
  text-align: left;
}
.index-details-th >div:nth-child(2),.index-details-tr >div:nth-child(2){
  width: 5%;
}
.index-details-th >div:nth-child(3),.index-details-tr >div:nth-child(3){
  width: 7%;
}
.index-details-th >div:nth-child(4),.index-details-tr >div:nth-child(4){
  width: 9%;
  text-align: left;
}
.index-details-th >div:nth-child(5),.index-details-tr >div:nth-child(5){
  width: 15%;
}
.index-details-th >div:nth-child(6),.index-details-tr >div:nth-child(6){
  width: 7%;
}
.index-details-th >div:nth-child(7),.index-details-tr >div:nth-child(7){
  width: 7%;
}
.index-details-th >div:nth-child(8),.index-details-tr >div:nth-child(8){
  width: 15%;
  padding:0 0.5%;
}
.index-details-th >div:nth-child(9),.index-details-tr >div:nth-child(9){
  width: 15%;
  padding:0 0.5%;
}
.index-details-th >div:nth-child(10),.index-details-tr >div:nth-child(10){
  width: 5%;
}
.index-details-list{
  height: 60vh;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.index-details-tr{
  border-bottom: 1px solid rgba(170, 221, 255, 0.2);
}
.index-details-tr > div{
  font-size: 13px;
}
.index-details-tr >div:nth-child(3),.index-details-tr >div:nth-child(4),.index-details-tr >div:nth-child(5),.index-details-tr >div:nth-child(6),.index-details-tr >div:nth-child(7){
  font-size: 14px;
}
.index-details-tr >div:nth-child(4) img{
  width:8px;
  margin-right: 5px;
}
.index-details-tr >div:nth-child(4).up{
  color:#EC5621;
}
.index-details-tr >div:nth-child(4).down{
  color:#40B5FF;
}
.index-details-tr >div:nth-child(5) span:first-child{
  color:#19E1FF;
}

.index-details-nav,.index-details-pro{
  width: 100%;
  height:6px;
  border-radius: 3px;
  overflow: hidden;
}
.index-details-nav >span{
  height: 100%;
}
.index-details-nav >span:nth-child(1){
  width: 20%;
  background-color: #188EFA;
}
.index-details-nav >span:nth-child(2){
  width: 30%;
  background-color: #00B908;
}
.index-details-nav >span:nth-child(3){
  width: 30%;
  background-color: #EC5621;
}
.index-details-nav >span:nth-child(4){
  width: 20%;
  background-color: #FFAB25;
}
.index-details-pro{
  background-color: #185889;
}
.index-details-pro >div{
  height: 100%;
  width: 10%;
  background-color: #2BDEF3;
  border-radius: 3px;
  transition: width 1s;
}
.index-details-tr >div:nth-child(10){
  padding:0;
}
.index-details-tr >div:nth-child(10) img{
  height:20px;
  height:20px;
}
.index-details-tr >div:nth-child(10) >span{
  position: absolute;
  top:45%;
  left:50%;
  transform: translateX(-50%);
  font-size: 9px;
  color:#fff;
}

.index-dialog-school{
  position: fixed;
  left:50%;
  top:10%;
  z-index: 1;
  width: 1000px;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding:0 20px;
  border-radius: 10px;
  border:1px solid #0E93CB;
  background: radial-gradient(#0E93CB 0,#05233A 100%);
}
.index-dialog-title{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color:#fff;
  padding:5px 0;
  position: relative;
  background: radial-gradient(circle, rgba(21, 186, 255, 0.5),transparent);
}
.index-dialog-title::after{
  content:'';
  position: absolute;
  left:20%;
  bottom:0;
  z-index: 1;
  height:1px;
  width:60%;
  background: radial-gradient(circle, #15BAFF,transparent);
}
.index-dialog-school .fa-close{
  position: absolute;
  top:10px;
  right:15px;
  z-index: 1;
  font-size: 18px;
  color:#fff;
  cursor: pointer;
}
.index-school-left,.index-school-right{
  width: 50%;
  box-sizing: border-box;
}
.index-school-left{
  padding-right: 10px;
}
.index-school-right{
  padding-left: 10px;
  background: url('../img/line-bg.png') no-repeat;
  background-size: 1px 100%;
}
.index-school-top{
  margin-top:2vh;
  align-items: stretch;
}
.index-school-desc{
  font-size: 12px;
  color:#eee;
  margin-top:5px;
}
.index-school-desc span{
  font-size: 18px;
  color:#19E1FF;
}
.index-duration-chart{
  height: 22vh;
}
@media screen and (min-height:830px) {
  .index-achievement-list{
    height:16vh
  }
  .index-achievement-table{
    height:25vh;
  }
  .index-duration-chart{
    height: 23vh;
  }
}
@media screen and (min-height:890px) {
  .index-achievement-list{
    height:20vh
  }
  .index-achievement-table{
    height:27vh;
  }
  .index-duration-chart{
    height:25vh;
  }
  .module-title{
    font-size: 20px;
  }
  .index-auth-item h6{
    font-size: 14px;
  }
  .index-auth-num span{
    font-size: 22px;
  }
  .index-teacher-head p{
    font-size: 11px;
  }
  .module-tab{
    font-size: 13px;
  }
  .module-small-title{
    font-size: 15px;
  }
  .index-subject-tab >span{
    font-size: 11px;
  }
  .index-year-tag >p{
    font-size: 11px;
  }
}
@media screen and (min-height:930px) {
  .index-duration-chart{
    height:26vh;
  }
  .module-title{
    font-size: 21px;
  }
  .index-auth-item h6{
    font-size: 15px;
  }
  .index-auth-num span{
    font-size: 23px;
  }
  .index-teacher-head p{
    font-size: 12px;
  }
  .module-tab{
    font-size: 14px;
  }
  .module-small-title{
    font-size: 16px;
  }
  .index-subject-tab >span{
    font-size: 12px;
  }
  .index-year-tag >p{
    font-size: 12px;
  }
}